import { isCssLength, isPositiveInteger, validator } from "@ui/utils/pop";
import { ExtractPropTypes } from "vue";
export const blockProps = {
  auto: {
    type: [String, Number],
    validator: validator('auto', isPositiveInteger),
    default: 1
  },
  basis: {
    type: [String, Number],
    validator: validator('basis', isCssLength),
    default: 0
  },
  left: {
    type: [String, Number],
    validator: validator('left', isCssLength)
  },
  right: {
    type: [String, Number],
    validator: validator('right', isCssLength)
  },
  order: {
    type: [String, Number],
    validator: validator('order', isPositiveInteger)
  },
  justify: {
    type: String,
    validator: validator('justify', null, ['', 'start', 'end', 'center', 'stretch', 'around', 'between', 'evenly'])
  },
  align: {
    type: String,
    validator: validator('align', null, ['', 'start', 'end', 'center', 'stretch', 'around', 'between'])
  },
  self: {
    type: String,
    validator: validator('self', null, ['', 'start', 'end', 'center', 'stretch'])
  },
  wrap: Boolean
}
export type BlockProps = ExtractPropTypes<typeof blockProps>